<style lang="scss">
.user-index-service {
	border: 1rpx solid #D9D9D9;
	border-radius: 20rpx;
	background-color: #FFF;
}

.user-index-service-title {
	display: flex;
	align-items: flex-end;
	margin: 37rpx 0 0 36rpx;
}

.user-index-service-title-zh {
	$height: 34rpx;
	height: $height;
	line-height: $height;
	font-size: 36rpx;
	font-weight: 800;
}

.user-index-service-title-en {
	width: 218rpx;
	height: 38rpx;
	margin-left: 12rpx;
}

.user-index-service-nav {
	display: flex;
}

.user-index-service-nav-item {
	height: 148rpx;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 20rpx 0;
	margin: 35rpx 0 22rpx 0;
}

.user-index-service-nav-item-value {}

.user-index-service-nav-item-title {
	$height: 26rpx;
	width: 100%;
	height: $height;
	line-height: $height;
	font-size: 28rpx;
	color:rgba(0, 0, 0, .8);
}
</style>

<template>
<view class="user-index-service">

	<view class="user-index-service-title">
		<view class="user-index-service-title-zh">服务</view>
		<image class="user-index-service-title-en" src="/static/user/6.png" />
	</view>

	<view class="user-index-service-nav">

		<button class="user-index-service-nav-item">
			<image class="user-index-service-nav-item-value" src="/static/user/11.png" style="width:56rpx;height:56rpx;"></image>
			<view class="user-index-service-nav-item-title ellipsis">个人资料</view>
		</button>

		<button class="user-index-service-nav-item">
			<image class="user-index-service-nav-item-value" src="/static/user/12.png" style="width:71rpx;height:54rpx;"></image>
			<view class="user-index-service-nav-item-title ellipsis">兑换卡券</view>
		</button>

		<button class="user-index-service-nav-item" @click="$navigateTo({url: '/pages/problem/index/index'})">
			<image class="user-index-service-nav-item-value" src="/static/user/13.png" style="width:61rpx;height:57rpx;"></image>
			<view class="user-index-service-nav-item-title ellipsis">常见问题</view>
		</button>

		<button class="user-index-service-nav-item" open-type="contact">
			<image class="user-index-service-nav-item-value" src="/static/user/14.png" style="width:58rpx;height:56rpx;"></image>
			<view class="user-index-service-nav-item-title ellipsis">客户服务</view>
		</button>

	</view>
</view>
</template>

<script>
export default {
	
}
</script>